<!-- Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT License. -->

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Chart API to analyze data</title>

    <!-- Office JavaScript API -->
    <script type="text/javascript" src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>

    <!-- For more information on Fluent UI, visit https://developer.microsoft.com/fluentui#/. -->
    <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/11.0.0/css/fabric.min.css"/>

    <!-- Template styles -->
    <link href="taskpane.css" rel="stylesheet" type="text/css" />
</head>

<body class="ms-font-m ms-welcome ms-Fabric ms-bgColor-neutralLighter">
    <header class="ms-welcome__header ms-bgColor-neutralLighter">
        <img width="90" height="90" src="../../assets/logo-filled.png" alt="Contoso" title="Contoso" />
        <p class="sampleTitle">Analyze data with charts</p>
    </header>
    <section class="samples ms-font-m">
        <p class="sampleSubTitle">Intialize sample data before inserting charts</p>
        <button id = "add-sample-data" class="ms-Button">
        <span class="ms-Button-label">Intialize data</span>
        </button>
    </section>
    <div id = "status"></div>
    <section class="ms-welcome__main">
        <p class="sampleDescription">When the sample table is inserted, switch to the <b>Home</b> menu and use the Copilot agent <b>Chart Analysis Agent</b> to insert charts to analyze data.</p>
    </section>


</body>

</html>
